
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Mélissa - Dispesa Diversa</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Le styles -->
    <link href="bootstrap/css/bootstrap.css" rel="stylesheet">
    <link href="bootstrap/css/bootstrap-responsive.css" rel="stylesheet">

    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- Le fav and touch icons -->
    <link rel="shortcut icon" href="images/icone.png">
  </head>

  <body>
    <div align="center">
        <img src="images/banner.jpg" alt="CIVE"  />
    </div>
    <div class="navbar">
      <div class="navbar-inner">
        <div class="container">
          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </a>
          <a class="brand" href="#">Mélissa</a>
          <div class="nav-collapse">
            <ul class="nav">
                <li><a href="#area_restrita">Página Inicial</a></li>
                <li class="dropdown" id="menuDis">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#menuDis">
                    Discente
                    <b class="caret"></b>
                    </a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Aluno</a></li>
                        <li class="divider"></li>
                        <li><a href="#">Responsável</a></li>
                    </ul>
                </li>
                <li class="dropdown" id="menuFun">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#menuFun">
                    Funcionários
                    <b class="caret"></b>
                    </a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Professor</a></li>
                        <li><a href="#">Secretária</a></li>
                        <li><a href="#">Outros</a></li>
                    </ul>
                </li>
                <li class="dropdown" id="menuDesp">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#menuDesp">
                    Despesas
                    <b class="caret"></b>
                    </a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Fixas</a></li>
                        <li><a href="#">Variáveis</a></li>
                        <li><a href="dispesaDiversaPesquisa.htm">Diversas</a></li>
                    </ul>
                </li>
                <li class="dropdown" id="menuEns">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#menuEns">
                    Ensino
                    <b class="caret"></b>
                    </a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Ano Letivo</a></li>
                        <li><a href="#">Série</a></li>
                    </ul>
                </li>
                <li class="dropdown" id="menuRel">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#menuRel">
                    Movimentações
                    <b class="caret"></b>
                    </a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Relatório Mensal</a></li>
                        <li><a href="#">Caixa Diário</a></li>
                    </ul>
                </li>
            </ul>
            <ul class="nav pull-right">
                <li class="divider-vertical"></li>
                <li class="dropdown" id="menu1">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#menu1">
                    <i class="icon-user icon-white"></i>
                    mbarbosa
                    <b class="caret"></b>
                    </a>
                    <ul class="dropdown-menu">
                        <li><a href="#">
                            <i class="icon-list-alt"></i>
                            Meus Dados</a>
                        </li>
                        <li><a href="#">
                            <i class="icon-cog"></i>
                            Configurar</a>
                        </li>
                        <li class="divider"></li>
                        <li><a href="#">
                            <i class="icon-off"></i>
                            Sair</a>
                        </li>
                    </ul>
                </li>
            </ul>
          </div><!--/.nav-collapse -->
        </div>
      </div>
    </div>

    <!--container -->
    <div class="container">
        <div class="span9">
            <table class="table table-bordered">
                <thead>
                    <tr>
                        <th>
                            <div class="span9" align="center">
                                <h2>Despesas Diversas</h2>
                            </div>
                        </th>
                    </tr>
                </thead>
            </table>
            <ul class="breadcrumb">
                <li>
                    <a href="dispesaDiversaCadastro.htm"><i class="icon-file"></i>Cadastrar</a>
                    <span clas="divider">  .  </span>
                </li>
                <li>
                    <a href="dispesaDiversaPesquisa.htm"><i class="icon-search"></i>Pesquisar</a>
                    <span clas="divider">  .  </span>
                </li>
                <li>
                    <i class="icon-list"></i>Listar
                    <span clas="divider">  .  </span>
                </li>
            </ul>
            <div align="center">
                <table class="table table-bordered table-striped">
                    <thead>
                        <tr>
                            <th>Ordem</th>
                            <th>Data de  Vencimento</th>
                            <th>Valor</th>
                            <th>Data de pagamento</th>
                            <th>Valor Final</th>
                            <th>Ver</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>Ordem do item 1</td>
                            <td>01/01/2012</td>
                            <td>R$ 50,00</td>
                            <td>01/01/2012</td>
                            <td>R$ 48,30</td>
                            <td><a href="dispesaDiversaExibe.htm" class="btn btn-success">
                                	<i class="icon-plus-sign icon-white"></i>
               					</a>
                            </td>
                        </tr>
                        <tr>
                            <td>Ordem do item 2</td>
                            <td>02/01/2012</td>
                            <td>R$ 40,00</td>
                            <td>01/01/2012</td>
                            <td>R$ 28,90</td>
                            <td><a href="dispesaDiversaExibe.htm" class="btn btn-success">
                                	<i class="icon-plus-sign icon-white"></i>
               					</a>
                            </td>
                        </tr>
                        <tr>
                            <td>Ordem do item 3</td>
                            <td>03/01/2012</td>
                            <td>R$ 100,00</td>
                            <td>04/01/2012</td>
                            <td>R$ 110,30</td>
                            <td><a href="dispesaDiversaExibe.htm" class="btn btn-success">
                                	<i class="icon-plus-sign icon-white"></i>
               					</a>
                            </td>
                        </tr>
                    </tbody>
                </table>
            <div><!--/div-->
        </div><!--/span-->

    </div> <!-- /container -->

    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="bootstrap/js/jquery.js"></script>
    <script src="bootstrap/js/bootstrap-transition.js"></script>
    <script src="bootstrap/js/bootstrap-alert.js"></script>
    <script src="bootstrap/js/bootstrap-modal.js"></script>
    <script src="bootstrap/js/bootstrap-dropdown.js"></script>
    <script src="bootstrap/js/bootstrap-scrollspy.js"></script>
    <script src="bootstrap/js/bootstrap-tab.js"></script>
    <script src="bootstrap/js/bootstrap-tooltip.js"></script>
    <script src="bootstrap/js/bootstrap-popover.js"></script>
    <script src="bootstrap/js/bootstrap-button.js"></script>
    <script src="bootstrap/js/bootstrap-collapse.js"></script>
    <script src="bootstrap/js/bootstrap-carousel.js"></script>
    <script src="bootstrap/js/bootstrap-typeahead.js"></script>
  </body>
</html>

